<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>技工列表</title>
    <link rel="shortcut icon" href="../../resources/favicon.ico">
    <link href="../../resources/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="../../resources/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="../../resources/css/plugins/bootstrap-table/bootstrap-table.min.css"
          rel="stylesheet">
    <link href="../../resources/css/animate.min.css" rel="stylesheet">
    <link href="../../resources/css/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet">
    <link href="../../resources/css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <style>
        .modal-header {
            padding: 7px 15px;
        }

        .modal-header h4 {
            font-weight: bolder;
            font-family: "Microsoft YaHei", serif;
            text-align: center
        }
    </style>
</head>
<body style="padding: 20px;overflow-x: hidden">
<div class="animated fadeInRight">
    <div id="toolbar" class="btn-group">
        <button type="button" class="btn btn-default" id="insert" data-title="添加技工" data-url="detail.html">
            <i class="glyphicon glyphicon-plus"></i>
        </button>
        <button type="button" class="btn btn-default" id="delete" data-url="/delete/customer">
            <i class="glyphicon glyphicon-trash"></i>
        </button>
        <button type="button" class="btn btn-default" id="update" data-title="编辑技工" data-url="detail.html">
            <i class="glyphicon glyphicon-edit"></i>
        </button>
        <button type="button" class="btn btn-default" id="select" data-title="查看技工" data-url="detail.html">
            <i class="glyphicon glyphicon-eye-open"></i>
        </button>
    </div>
    <table id="table" data-show-export="true"></table>
</div>
<div class="modal" id="box" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <iframe id="_page" frameborder="0" src="model-customer-detail.html"
                        onload="changeFrameHeight()" style="width:100%;padding: 5px;"></iframe>
            </div>
        </div>
    </div>
</div>
<script src="../../resources/js/jquery.min.js?v=2.1.4"></script>
<script src="../../resources/js/common/common.js"></script>
<script src="../../resources/js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../resources/js/my-plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../../resources/js/my-plugins/bootstrap-table/bootstrap-table-export.js"></script>
<script src="../../resources/js/my-plugins/bootstrap-table/tableExport.js"></script>
<script>var searchText = '输入姓名搜索'</script>
<script src="../../resources/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../../resources/js/my-plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="../../resources/js/plugins/toastr/toastr.min.js"></script>
<script src="../../resources/js/common/list-common.js"></script>
<script>
    $(function () {
        var columns = [{
            align: 'center',
            field: 'id',
            title: 'id'
        }, {
            align: 'center',
            field: 'name',
            title: '姓名'
        }, {
            align: 'center',
            field: 'type',
            title: '工种'
        }, {
            align: 'center',
            field: 'sex',
            title: '性别'
        }, {
            align: 'center',
            field: 'age',
            title: '年龄'
        }, {
            align: 'center',
            field: 'phone',
            title: '手机'
        },{
            align: 'center',
            field: 'address',
            title: '地址'
        }];
        initTable('employee.json', columns);
    });
</script>
</body>
</html>
